@charset "utf-8";
/* CSS Document */

/* ==========================
==========　メイン　===========
============================= */
/*学科によって色指定変えてください。*/
.pankuzu ul li.under_content:before {
    color: #932c49;
}
.title_call p {
    border-bottom: 2px solid #c04363;
}

/*ページビジュアル*/
.page_visual {
    background: url(/sci/math/img/paga_visual.png)no-repeat center center;
    background-size: cover;
}

.point_box {
    background:url(/sci/math/img/point_bg.png)no-repeat center top;
    background-size: cover;
    padding: 30px 0;
}
.point_box ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.point_box ul li {
    width: 305px;
    margin: 0 0 25px;
}
.point_box ul li p {
    margin: 15px 0 0;
}

.teach {
    background: #000000;
    overflow:hidden;
}
.teach .title_call {
    color: #fff;
}
.teach .introduction {
    color: #fff;
}

.introduction .intro_txt {
  float: left;
  width: 640px;
}
.introduction .intro_img {
  float: right;
  width: 315px
}


.next_box {
  width: 290px;
  margin: 0 auto 80px;
  background: #fff;
}
.next_box a {}
.next_box p {
  width: 290px;
  padding: 13px 0;
  text-align: center;
  background: url(/sci/math/img/link_img.png)no-repeat center;
  background-size: cover;
  color: #fff;
  transition-duration: 0.3s;
}
.next_box p:hover {
  opacity: 0.8;
  transition-duration: 0.3s;
}

ul.gakka_image.outer1000 {
    display: flex;
    margin-bottom: 80px;
}

.outer_gray {
	background: #000;
	& p {
		color: #fff;
	}
	& .mt-be-columns {
		max-width: 1000px;
		width: 90%;
		margin: auto;
		display: flex;
		justify-content: center;
		gap: 30px;
	}
	& .mt-be-column:first-child {
		flex: 1;
	}
}
.mt-be-columns {
	justify-content: center;
	margin: 0 auto 40px;
}

/* 固有のスマホ対応記述
========================== */

/* 700pxより小さい場合 */
@media screen and ( max-width: 700px ){

.point_box ul {
    justify-content: center;
    max-width: 320px;
}
.point_box ul li {
    width: 100%;
    max-width: 305px;
    margin: 25px 0;
}
  
.introduction .intro_txt {
  float: none;
  width: 100%;
}
.introduction .intro_img {
  float: none;
  width: auto;
  text-align: center;
  margin-top: 20px;
}
	
.outer_gray {
	& p {
		color: #fff;
	}
	& .mt-be-columns {
		flex-wrap: wrap;
	}
	& .mt-be-column:first-child {
		flex: none;
		width: 100%;
	}
}
 .mt-be-columns {
	flex-wrap: wrap;
}
  
}


@media print {


}